<template>
  <div class="list-table">
    <div class="area-header">
      <span class="area-header-title">{{ $t('交易记录') }}</span>
    </div>
    <el-form ref="queryForm" :model="queryParams" :inline="true" @submit.native.prevent>
      <el-form-item :label="$t('限额类型')" prop="quotaType">
        <el-input v-model="queryParams.name" :placeholder="$t('限额类型')" clearable @keyup.enter.native="queryHandle" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="queryHandle">{{ $t('搜索') }}</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('重置') }}</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          v-hasPermi="['act:model:export']"
          type="warning"
          icon="el-icon-download"
          size="mini"
        >{{ $t("导出") }}</el-button>
      </el-col>
    </el-row>

    <el-table :data="tableData" border>
      <el-table-column label="出资主体类型" prop="prop1" align="center" show-overflow-tooltip fixed min-width="180" />
      <el-table-column label="出资主体名称" prop="prop2" align="center" show-overflow-tooltip fixed min-width="180" />
      <el-table-column label="交易对手" prop="prop3" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="账户" prop="prop4" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="交易日期" prop="prop5" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="交易方向" prop="prop6" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="数量" prop="prop7" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="币种" prop="prop8" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="价格(净价)" prop="prop9" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="价格(全价)" prop="prop10" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="到期收益率(%)" prop="prop11" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="交易成本(净价)" prop="prop12" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="交易成本(全价)" prop="prop13" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="交易市场" prop="prop14" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="到期日" prop="prop15" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="票息" prop="prop16" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="派息日" prop="prop17" align="center" show-overflow-tooltip min-width="180" />
      <el-table-column label="年付息次数" prop="prop18" align="center" show-overflow-tooltip min-width="180" />
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'TransactionRecordList',
  data() {
    return {
      tableData: [],
      queryParams: {
        quotaType: undefined
      }
    }
  },
  mounted() {
    this.init()
  },
  methods: {
    init() {
      this.tableData = [
        {
          prop1: '项目',
          prop2: '方德股份',
          prop3: 'CICCFI',
          prop4: '4F9ED9640F1B549AE053A6C8A10AEC6A',
          prop5: '2020-11-10',
          prop6: '12',
          prop7: '3,000,000',
          prop8: '美元(USD)',
          prop9: '106.88',
          prop10: '109.8',
          prop11: '3.67',
          prop12: '3,206,250',
          prop13: '3,294,125',
          prop14: '',
          prop15: '2020-04-30',
          prop16: '7.13',
          prop17: '2018-04-30',
          prop18: '2'
        },
        {
          prop1: '项目',
          prop2: '国鸿科技',
          prop3: 'CICCFI',
          prop4: '6C39DCB1B0AE47CCE053A6C8A10AC2D3',
          prop5: '2020-11-10',
          prop6: '44',
          prop7: '100,000',
          prop8: '美元(USD)',
          prop9: '106.88',
          prop10: '109.8',
          prop11: '3.67',
          prop12: '3,206,250',
          prop13: '3,294,125',
          prop14: '',
          prop15: '2020-04-30',
          prop16: '7.13',
          prop17: '2018-04-30',
          prop18: '2'
        },
        {
          prop1: '项目',
          prop2: '中科云投',
          prop3: 'PT_JEFF',
          prop4: '6C39DCB1B0AE47CCE053A6C8A10AC2D3',
          prop5: '2019-10-08',
          prop6: '62',
          prop7: '2,000,000',
          prop8: '美元(USD)',
          prop9: '106.88',
          prop10: '109.8',
          prop11: '3.67',
          prop12: '3,206,250',
          prop13: '3,294,125',
          prop14: '',
          prop15: '2020-04-30',
          prop16: '7.13',
          prop17: '2018-04-30',
          prop18: '2'
        },
        {
          prop1: '项目',
          prop2: 'ATH 1 7/8 06/23/23',
          prop3: 'PT_OPCO',
          prop4: '1',
          prop5: '2019-09-25',
          prop6: '12',
          prop7: '-6,000,000',
          prop8: '美元(USD)',
          prop9: '110.28',
          prop10: '111.8',
          prop11: '3.67',
          prop12: '3,556,776',
          prop13: '3,294,125',
          prop14: '',
          prop15: '2020-05-25',
          prop16: '7.13',
          prop17: '2018-04-30',
          prop18: '2'
        },
        {
          prop1: '项目',
          prop2: 'SUNHUN 3.2 08/14/27',
          prop3: 'H&A',
          prop4: '73',
          prop5: '2019-03-31',
          prop6: '6',
          prop7: '3,000,000',
          prop8: '美元(USD)',
          prop9: '106.88',
          prop10: '109.8',
          prop11: '3.67',
          prop12: '3,206,250',
          prop13: '3,294,125',
          prop14: '',
          prop15: '2020-04-30',
          prop16: '7.13',
          prop17: '2018-04-30',
          prop18: '2'
        },
        {
          prop1: '项目',
          prop2: '九洲药业',
          prop3: 'PT_CG',
          prop4: '53',
          prop5: '2021-02-24',
          prop6: '11',
          prop7: '4,000,000',
          prop8: '美元(USD)',
          prop9: '106.88',
          prop10: '109.8',
          prop11: '3.67',
          prop12: '3,206,250',
          prop13: '3,294,125',
          prop14: '',
          prop15: '2020-07-22',
          prop16: '7.13',
          prop17: '2018-04-30',
          prop18: '2'
        },
        {
          prop1: '项目',
          prop2: 'CNC 5 3/8 06/01/26',
          prop3: 'PT_JEFF',
          prop4: '100',
          prop5: '2020-09-30',
          prop6: '12',
          prop7: '5,000,000',
          prop8: '美元(USD)',
          prop9: '106.88',
          prop10: '109.8',
          prop11: '3.67',
          prop12: '3,206,250',
          prop13: '3,294,125',
          prop14: '',
          prop15: '2020-05-11',
          prop16: '9.18',
          prop17: '2018-02-22',
          prop18: '2'
        },
        {
          prop1: '项目',
          prop2: '瑞特科技',
          prop3: 'PT_OPCO',
          prop4: '4F9ED9640F1B549AE053A6C8A10AEC6A',
          prop5: '2020-09-14',
          prop6: '11',
          prop7: '7,000,000',
          prop8: '美元(USD)',
          prop9: '115.88',
          prop10: '182.8',
          prop11: '7.88',
          prop12: '4,206,210',
          prop13: '4,322,445',
          prop14: '',
          prop15: '',
          prop16: '',
          prop17: '',
          prop18: '0'
        }
      ]
    },
    resetQuery() {},
    queryHandle() {}
  }
}
</script>

<style scoped>

</style>
